<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<h1>测试if</h1>
		小明的数学成绩:<input  type="text" id="input1" />
		<button onclick="check()">判断是否及格</button>
		<button onclick="check2()">判断等级</button>
		
		
		<h1>测试switch</h1>
		请输入一个颜色：<input  type="text" id="input2" />
		<button onclick="setColor()">设置颜色</button>
		
		<script>
			
			// 1. if语句			
			function check()
			{
				var math = parsetInt(input1.value)
				if(math>59)
				{
					alert("及格了!")
				}
				else
				{
					alert("不及格!")
				}
			}
			function check2()
			{
				var math = input1.value
				if(math>89)
				{
					alert("优秀")
				}
				else if(math>79)
				{
					alert("良好")
				}
				else if(math>69)
				{
					alert("中等")
				}
				else if(math>59)
				{
					alert("及格")
				}
				else
				{
					alert("不及格");
				}
			}
			
			// 练习:
			// 1. yong
			
			function setColor()
			{
				var c = input2.value
				
				switch(c)
				{
					case "red":
						alert("红色");
						document.body.style.backgroundColor=c;
					break;
					case "green":
						alert("绿色");
						document.body.style.backgroundColor=c;
					break;
					case "blue":
						alert("蓝色");
						document.body.style.backgroundColor=c;
					break;
					default:
						alert("用户输入的是其他内容");
						document.body.style.backgroundColor="white";
				}
			}
		</script>
		
	</body>
</html>